<%--
  Created by IntelliJ IDEA.
  User: notyoukennk
  Date: 2022/11/17
  Time: 14:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.sql.*"  contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<html>
<head>
    <title>登录</title>
    <style>
        body{
            text-decoration: none;
            margin: 0;
        }
        .container{
            background: linear-gradient(#5489d0, #ee61a8);
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .login_form{
            border-radius: 20px;
            background-color: cornflowerblue;
            width: 450px;
            height: 300px;
            padding: 20px;
            font-size: 2em;
            font-weight: bold;
            color: azure;
        }
        .input{

        }
        .text-input{
            width: 60%;
            height: 30px;
            border-radius: 15px;
            border: aqua 3px solid;
            margin-left: 20px;
            margin-top: 30px;
        }
        .title{
            text-align: center;
            margin-bottom: 10px;
        }
        .span{
            padding-top: 5px;
            font-size: 0.8em;
        }
        .button{
            background-color: darkgray;
            color: azure;
            width: 150px;
            height: 50px;
            border-radius: 35px;
            font-size: 1em;
            text-align: center;
            margin-left: 45px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="container">
    <form action="messagelogin" method="post" class="login_form">
        <div class="title">进入到留言板</div>
        <div class="input">
            <span class="span">昵称：</span><input type="text" name="username" class="text-input"><br>
            <span class="span">性别：</span><input type="text" name="gender" class="text-input">
        </div>
        <input type="submit" value="登录" class="button">
        <input type="reset"  value="取消" class="button">
    </form>
</div>

</body>
</html>
